<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta charset="utf-8">
<title>-webkit-font-variant-ligatures demo</title>


<link rel="stylesheet" type="text/css" href="font-variant-ligatures_001_1.css" media="all">
</head>
<body>
<h1>-webkit-font-variant-ligatures</h1>
<ul class="control_panel">
    <li>normal</li>
    <li>none</li>
    <li>common-ligatures</li>
    <li>no-common-ligatures</li>
    <li>discretionary-ligatures</li>
    <li>no-discretionary-ligatures</li>
    <li>historical-ligatures</li>
    <li>no-historical-ligatures</li>
    <li>contextual</li>
    <li>no-contextual</li>
</ul>
<ul class="show_panel">
    <li style="font-variant-ligatures: normal;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: none;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: common-ligatures;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: no-common-ligatures;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: discretionary-ligatures;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: no-discretionary-ligatures;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: historical-ligatures;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: no-historical-ligatures;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: contextual;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
    <li style="font-variant-ligatures: no-contextual;">ff, fl, fi, fb, fh, fk, fj, ffk</li>
</ul>

</body>
</html>
